<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('津贴管理-查询统计')" />
</head>
<body class="gray-bg">
     <div class="container-div">
        <div class="row" id="chaxuntongji">

            <!--登录信息-->
            <input name="userid" th:value="${session.userid}" type="hidden" id="userid">
            <input name="username" th:value="${session.username}" type="hidden" id="username">
            <input name="deptid" th:value="${session.deptid}" type="hidden" id="deptid">

            <div class="col-sm-12 search-collapse">
                <form id="formId">
                    <div class="select-list">
                        <ul>
                            <li>
                                <label style="width:80px;">拨款批次&nbsp;&nbsp;</label>
                                <input style="width: 150px !important;" type="text" name="picimingcheng" v-model="picimingcheng"/>
                            </li>
                            <li>
                                <label style="width:80px;">发放状态&nbsp;&nbsp;</label>
                                <select style="width: 150px !important;" class="form-control" v-model="zhuangtai">
                                    <option value="">全部</option>
                                    <option value="0">未发放</option>
                                    <option value="1">已发放</option>
                                </select>
                            </li>
                            <li class="sousuo">
                                <a class="btn btn-success btn-md" @click="bindJingfeiPiciList"><i class="fa fa-search"></i>&nbsp;搜索</a>
                                <a class="btn btn-warning btn-md" @click="reset"><i class="fa fa-refresh"></i>&nbsp;重置</a>
                            </li>
                        </ul>
                    </div>
                </form>
            </div>

            <div class="col-sm-12 select-table table-striped">
                <table id="bootstrap-table" class="table-hover table-striped table" style="text-align: center;">
                    <thead>
                        <tr style="font-weight: bold;">
                            <td>序号</td>
                            <td>拨款批次</td>
                            <td>计发年月</td>
                            <td>本批次拨款截止时间</td>
                            <td>实发人数</td>
                            <td>实发金额(元)</td>
                            <td>操作</td>
                        </tr>
                    <thead>
                    <tbody>
                        <tr v-for="(jingfeipiciitem,index) in jingfeipicilist"  v-if="jingfeipicilist.length > 0">
                            <td style="vertical-align: middle; text-align: center;" v-text="index+1"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="jingfeipiciitem.picimingcheng"></td>
                            <td style="vertical-align: middle; text-align: center;">
                                <span style="display: block" v-for="fafangnianyue in jingfeipiciitem.monthlist" v-text="fafangnianyue.nianyue"></span>
                            </td>
                            <td style="vertical-align: middle; text-align: center;" v-text="jingfeipiciitem.jiezhishijian"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="jingfeipiciitem.shifarenshu"></td>
                            <!--<td style="vertical-align: middle; text-align: center;" v-text="jingfeipiciitem.tingfarenshu"></td>-->
                            <td style="vertical-align: middle; text-align: center;" v-text="jingfeipiciitem.shifajine"></td>
                           <td style="vertical-align: middle; text-align: center;" v-text="">
                                <button class="btn btn-md btn-success" @click="toJingfeiPiciDetail(jingfeipiciitem)">查看</button>
                                <!--<button class="btn btn-md btn-info btn-rounded" @click="Export(jingfeipiciitem)">导出拨款表</button>-->
                            </td>
                        </tr>
                        <tr v-if="jingfeipicilist.length == 0">
                            <td style="text-align: center; vertical-align: middle" colspan="7">查无数据</td>
                        </tr>
                    </tbody>
                </table>

            </div>
        </div>

    </div>
    <th:block th:include="include :: footer" />
     <th:block th:include="include :: datetimepicker-js" />
     <script th:src="@{/js/system/jintieguanli/chaxuntongji.js?v=1.0}"></script>

</body>
</html>

<style>
    .red{
        color: red;
    }
    .green{
        color: green;
    }
</style>